<!--
 * @Author: anshengtyp
 * @Date: 2024-04-15 11:38:28
 * @LastEditTime: 2024-04-15 16:03:44
 * @LastEditors: anshengtyp
 * @Description: 
-->
<template>
  <teleport to="body">
    <div class="progressBar">
      <span style="font-size: 14px;padding-right: 10px;">数据处理中...</span>
      <el-progress :percentage="progress" striped-flow :duration="6" striped />
    </div>
  </teleport>
</template>

<script setup>
const props = defineProps({
  progress: {
    type: Number,
    default: 0
  },
})
</script>
<style lang="scss" scoped>
.progressBar {
  display: flex;
  position: fixed;
  top: 20px;
  left: 45%;
}

::v-deep .el-progress {
  width: 200px;
}
</style>
